@import "../../../components/style/themes/default";
@import "../../../components/style/mixins/index";
@import "../../text-field/style/mixin";

.@{c7n-pro-prefix}-input-number {
  .input;
  text-align: right;
  &-plus,
  &-minus {
    display: block !important;
    height: .15rem;
    border-radius: @border-radius-base;
    &:hover {
      color: @primary-5;
    }
    &:active {
      color: @primary-3;
    }
  }

  &-plus {
    margin-top: -.05rem;
  }

  &-multiple & {
    text-align: left;
  }

  &-suffix-button &-inner-button {
    right: @input-suffix-width-base;
  }

  &-step-suffix && {
    padding-right: @input-suffix-width-base * 2;
  }
}
